
@charset "utf-8";
/* CSS Document */

/**
 * WAP视图
 * 盒布局
 * @author 张晓东
 * @copyright 2014
 */

/*开启弹性空间*/
.mFx{
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
/*横向超出换行*/
/*flex类*/
.mFxR{
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
}
/*横向超出不换行*/
.mFxRl{
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  flex-flow: row;
}
/*纵向*/
.mFxC{
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  flex-flow: column;
}


/*box类*/
.mBx{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
}
/*垂直排列*/
.mVer{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
/*水平排列*/
.mHor{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  box-orient: horizontal;
}
/*水平排布*/
/*BOX继承 居中方式*/
/*居中方式类*/
/*水平居左*/
.mBxLt{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  box-pack: start;
}
/*水平居中*/
.mBxCr{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  box-pack: center;
}
/*水平居右*/
.mBxRt{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  box-pack: end;
}
/*水平分散*/
.mBxJy{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  box-pack: justify;
}
/*垂直居上*/
.mBxTp{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  box-align: start;
}
/*垂直居中*/
.mBxMid{
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
}


/*垂直居下*/
.mBxBm{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  box-align: end;
}

/*垂直拉伸*/
.mBxSch{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
}
/*水平垂直居中*/
.mBxCm{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
}


/*两列控制左边固定或右边固定*/
.mFlex1{
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  flex:1;

}
/* 扩展1*/
.mFlex2{
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  flex:2;

}
/*扩展2*/
.mFlex3{
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  flex:3;

}
/*扩展3*/
/*文本内容*/
.mContentBefore:before{
  content: "fwfdkfdjdfskfcj";
}
.mContentAfter:after{
  content: ".";
}
/*背景图片尺寸*/
.mBgSize{
  background-size: 50px 100px;
}
/*外阴影*/
/*四周阴影*/
.mShadow{
  box-shadow: 0px 0px 3px 3px #cccccc;
}
/*上阴影*/
.mShadowTp{
  box-shadow: 0px -3px 3px 0px #cccccc;
}
/*下阴影*/
.mShadowBm{
  box-shadow: 0px 3px 3px 0px #cccccc;
}
/*左阴影*/
.mShadowLt{
  box-shadow: -3px 0px 3px 0px #cccccc;
}
/*右阴影*/
.mShadowRt{
  box-shadow: 3px 0px 3px 0px #cccccc;
}
/*左上阴影*/
.mShadowLtTp{
  box-shadow: -3px -3px 3px 0px #cccccc;
}
/*左下阴影*/
.mShadowLtBm{
  box-shadow: -3px 3px 3px 0px #cccccc;
}
/*右上阴影*/
.mShadowRtTp{
  box-shadow: 3px -3px 3px 0px #cccccc;
}
/*右下阴影*/
.mShadowRtBm{
  box-shadow: 3px 3px 3px 0px #cccccc;
}
/*左右双阴影*/
.mShadowLtRt{
  box-shadow: -3px 0px 3px 0px #cccccc, 3px 0px 3px 0px #cccccc;
}
/*上下双阴影*/
.mShadowTpBm{
  box-shadow: 0px -3px 3px 0px #cccccc, 0px 3px 3px 0px #cccccc;
}
/*内阴影*/
/*四周阴影*/
.mShadowIn{
  box-shadow: 0px 0px 3px 3px #cccccc inset;
}
/*上阴影*/
.mShadowTpIn{
  box-shadow: 0px -3px 3px 0px #cccccc inset;
}
/*下阴影*/
.mShadowBmIn{
  box-shadow: 0px 3px 3px 0px #cccccc inset;
}
/*左阴影*/.mShadowLtIn{
  box-shadow: -3px 0px 3px 0px #cccccc inset;
}
/*右阴影*/
.mShadowRtIn{
  box-shadow: 3px 0px 3px 0px #cccccc inset;
}
/*左上阴影*/
.mShadowLtTpIn{
  box-shadow: -3px -3px 3px 0px #cccccc inset;
}
/*左下阴影*/
.mShadowLtBmIn{
  box-shadow: -3px 3px 3px 0px #cccccc inset;
}
/*右上阴影*/
.mShadowRtTpIn{
  box-shadow: 3px -3px 3px 0px #cccccc inset;
}
/*右下阴影*/.mShadowRtBmIn{
  box-shadow: 3px 3px 3px 0px #cccccc inset;
}
/*左右双阴影*/
.mShadowLtRtIn{
  box-shadow: -3px 0px 3px 0px #cccccc inset, 3px 0px 3px 0px #cccccc inset;
}
/*上下双阴影*/
.mShadowTpBmIn{
  box-shadow: 0px -3px 3px 0px #cccccc inset, 0px 3px 3px 0px #cccccc inset;
}
/*文字描边与阴影*/
/*阴影*/
.mTextShadow{
  text-shadow: 3px 3px 3px #000;
}
/*描边*/
.mTextBorder{
  text-shadow: -1px 0px #000000, 0px -1px #000000, 1px 0px #000000, 0px 1px #000000;
}
/*渐变*/
.mLinear_8fa1ff_3757fa{
  background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8fa1ff), color-stop(1, #3757fa));
}
.mLinear_f1f1f1_e5e5e5{
  background-image: -moz-linear-gradient(top, #f1f1f1, #e5e5e5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(1, #e5e5e5));
}




body{
    font-size: 14px;
    color: #323232;
}
.color3236232{ color:#323232}

.banner_pice{
	position:relative;
	
	overflow:hidden;
	display:block;
	padding-bottom:0px;
}
.banner_pice > img{
	display:block;
	overflow:hidden;
	vertical-align:bottom;
}
.bannertitle{ 
	font-size:15px; 
	position:absolute;
	bottom:5px;
	text-align:left;
	color:#FFF;
	text-shadow: 1px 1px 2px #000;
	font-weight:bold;
        padding-left: 96px;
}
.bannertitle2{ 
	font-size:15px; 
	position:absolute;
	bottom:25px;
	text-align:left;
	color:#FFF;
	text-shadow: 1px 1px 2px #000;
	font-weight:bold;
        padding-left: 96px;
}
.banner_bottom{
	background:#ffffff;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:10px;
	width:100%;
}

.banner_top{
	background:#ffffff;
	border-top:1px solid #e5e5e5;
	width:100%;
}

.w24{width:24px;}
.mr20{ margin-right:20px;}
.banner_logo{
	width:96px;
	position:relative;
}
.banner_logo img{
	position:absolute;
	top:-60px; 
	left:14px;
}
.bannercontant{ 
	margin-right:14px;
}
.scbox{
	width:16px;
	height:14px;
	display:block;
	background:url(../img/icos/scok.png);
	background-size:16px 14px;
	float: left;
	margin-top: 6px;
}
.scno{
	background:url(../img/icos/scno.png);
	background-size:16px 14px;
}





.icobox{
	background:#ffffff;
	border-top:1px solid #e5e5e5;
	border-bottom:none;
	width:100%;
}
.icobox div{
	height:85px;
}

.icobox div a{
	height:69px;
	width:100%;
	text-align:center;
	border-right:1px solid #e5e5e5;
	background-position:center;
	line-height:23px;
	font-size:13px;

	
}
.icobox div:last-child a{
	border-right:none;
}
.icobox div:nth-child(1) a{
	background:url(../img/icos/shop/weituan_ico.png) no-repeat center 5px;
	background-size:38px 38px;
}

.icobox div:nth-child(2) a{
	background:url(../img/icos/shop/weika_ico.png) no-repeat center 5px;
	background-size:38px 38px;
}

.icobox div:nth-child(3) a{
	background:url(../img/icos/jfch_ico.png) no-repeat center 5px;
	background-size:38px 38px;
}


.icobox div:nth-child(4) a{
	background:url(../img/icos/shop/coupon_ico.png) no-repeat center 5px;
	background-size:38px 38px;
}

.icobox div:nth-child(5) a{
	background:url(../img/icos/pd.png) no-repeat center 5px;
	background-size:38px 38px;
}



.icobox div:nth-child(1).nokaiqi a{
	background:url(../img/icos/shop/weituan_ico_gray.png) no-repeat center 5px;
	background-size:38px 38px;
        opacity: 0.5;
}

.icobox div:nth-child(2).nokaiqi a{
	background:url(../img/icos/shop/weika_ico_gray.png.png) no-repeat center 5px;
	background-size:38px 38px;
         opacity: 0.5;
}

.icobox div:nth-child(3).nokaiqi a{
	background:url(../img/icos/shop/jfch_ico_gray.png) no-repeat center 5px;
	background-size:38px 38px;
        opacity: 0.5;
}


.icobox div:nth-child(4).nokaiqi a{
	background:url(../img/icos/shop/coupon_ico_gray.png) no-repeat center 5px;
	background-size:38px 38px;
         opacity: 0.5;
}

.icobox div:nth-child(5).nokaiqi a{
	background:url(../img/icos/pds.png) no-repeat center 5px;
	background-size:38px 38px;
         opacity: 0.5;
}




.liststyle1{
	background:#ffffff;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5!important;
	margin-bottom:10px;
}
.liststyle1:nth-child(1){
	border-top:none;
}
.icobox div{
    width: 25%;
}

.liststyle1 li a{
	margin-left:5px;
	margin-right:5px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid #e5e5e5;
	display: -webkit-box;
        display: -moz-box;
        display: -o-box;
        display: box;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        box-align: center;
	padding-top:15px;
	padding-bottom:15px;
}
.liststyle1 li:last-child a{
	border-bottom:none;
}
.listico{
	width:18px;
	height:18px;
}

.liststyle1  a .m_ico1{
	background:url(../img/icos/m_ico1.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico2{
	background:url(../img/icos/m_ico2.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico3{
	background:url(../img/icos/m_ico3.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico4{
	background:url(../img/icos/m_ico4.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico5{
	background:url(../img/icos/m_ico5.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico6{
	background:url(../img/icos/m_ico6.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico7{
	background:url(../img/icos/m_ico7.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico8{
	background:url(../img/icos/m_ico8.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico9{
	background:url(../img/icos/m_ico9.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico10{
	background:url(../img/icos/m_ico10.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico11{
	background:url(../img/icos/m_ico11.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico12{
	background:url(../img/icos/m_ico12.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .purse_ico1{
	background:url(../img/icos/purse/purse_ico1.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .purse_ico2{
	background:url(../img/icos/purse/purse_ico2.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .purse_ico3{
	background:url(../img/icos/purse/purse_ico3.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_tel{
	background:url(../img/icos/shop/tel_ico.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_address{
	background:url(../img/icos/shop/position_ico.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_comment{
	background:url(../img/icos/m_ico7.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_fendian{
	background:url(../img/icos/shop/fendian_ico.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_mlevel0{
	background:url(../img/icos/shop/mv0_ico.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_mlevel1{
	background:url(../img/icos/shop/mv1_ico.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_mlevel2{
	background:url(../img/icos/shop/mv2_ico.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_mlevel3{
	background:url(../img/icos/shop/mv3_ico.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_mlevel4{
	background:url(../img/icos/shop/mv4_ico.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.liststyle1  a .m_ico_projects{
	background:url(../img/icos/shop/m_ico_projects.png) no-repeat top;
	background-size:18px;
	margin-left:0px; margin-right:10px;
}
.leftlistico{ margin-left:0px; margin-right:10px;}
.rightlistico{ margin-right:0px; margin-left:10px; background:url(../img/icos/jiantouico.png) no-repeat 0px 0px; background-size:18px}

.listcontant,.nowraps{
/*        word-break:keep-all; 不换行 
        white-space:nowrap; 不换行 
        overflow:hidden; 内容超出宽度时隐藏超出部分的内容 
        text-overflow:ellipsis; 当对象内文本溢出时显示省略标记(...) ；*/
}

ul.hiddenshow > li:nth-child(1){
	display:block;
}

ul.hiddenshow > li:nth-child(1) a{
	border-bottom:none;
}


ul.hiddenshow > li{
	display:none;
}

ul.hiddenshow > li:nth-child(1) > a > .rightlistico{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 
	transition:all 0.3s linear;
}

a.allbor .rightlistico{
	transform:rotate(-90deg)!important;
	-ms-transform:rotate(-90deg)!important; 	/* IE 9 */
	-moz-transform:rotate(-90deg)!important; 	/* Firefox */
	-webkit-transform:rotate(-90deg)!important; /* Safari 和 Chrome */
	-o-transform:rotate(-90deg)!important; 
	transition:all 0.3s linear;
	
}

.allbor{
	border-bottom:1px solid #e5e5e5!important;
}

.hiddenshow img{
	padding:2px;
	border:1px solid #e5e5e5;
	background:#ffffff;
	display:block;
	margin-right:10px;
	margin-left:0px;
}

a.picea{ padding-top:5px!important; padding-bottom:5px!important}


span.del{
	display:block;
	text-align:center; 
	letter-spacing:2px;
	color:#de4300;
	background:#ffffff;
	border:1px solid #de4300;
	padding:0px 8px;
	border-radius:3px;
	line-height:20px;
} 


.pdrt20{padding-right: 20px}


.swipe {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 320px;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipe-wrap > div {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.swipe-wrap > div img {
    float: left;
}
.others i:before {
    content: "￥";
    font-size: 12px;
}
.others i {
    color: #F50000;
    font-size: 18px;
    font-weight: bold;
    line-height: 5px;
}









